<style>
    body{
        background-color: #f9f9f9;
    }
</style>
<div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px solid #e6e6e6;overflow-y: hidden">
    <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
        <div  class="widget-tab clearfix">
            <ul class="tab-bar" >
                {% for i,title in tab['tabTitle'] %}
                    {{ title }}
                {% endfor %}
            </ul>
        </div>
        <div class="smart-widget-body" style="height: 92%;width: 100%;padding: 0px;">
            <div class="tab-content" style="height: 100%;width: 100%;">
                {% for i,content in tab['tabFrame'] %}
                    {{ content }}
                {% endfor %}
            </div><!-- ./tab-content -->
        </div>
    </div>
</div>